<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>注册</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/register.css">
</head>
<body>
<div id="main">
    <form action="RegisterServlet" class="form" method="post" onSubmit="return checkForm(this);">
        <div class="form-head">
            <h2>新用户注册</h2>
            <p>已有账号？<a href="html/login.html">立即登录</a></p>
        </div>
        <div class="form-body">
		<span id="msg" style="padding-left: 100px;color: red;">
		<% if(request.getAttribute("msg")!=null){ %>
		  	<%=request.getAttribute("msg") %>
		<%} %>
        </span>
            <!--			<div class="ui-input">-->
            <!--				<input id="tel" name="tel" type="text" placeholder="手机号">-->
            <!--			</div>-->
            <div class="ui-input">
                <input id="name" name="username" type="text" placeholder="用户名">
            </div>
            <!--			<div class="ui-input narrow-input">-->
            <!--				<input type="text" name="" placeholder="短信验证码(待开发中,勿填写)">-->
            <!--				<a class="sms-button" href="javascript:">获取验证码</a>-->
            <!--			</div>-->
            <div class="ui-input">
                <input id="pwd" name="pwd" type="password" placeholder="密码，6-16位，区分大小写">
            </div>
            <div class="ui-input">
                <input id="pwd2"  name="pwd2" type="password" placeholder="请再次输入密码">
            </div>
            <!--			<div class="ui-input">-->
            <!--				<input id="email" name="email" type="text" placeholder="邮箱">-->
            <!--			</div>-->
            <div class="sex-set">
                <label class="label-png">性别</label>
                <input id="sex-m" type="radio" value="0" name="sex" class="checkbox">男
                <input id="sex-f" type="radio" value="1" name="sex" class="checkbox">女
            </div>
            <div class="png">
                <label>请选择你的头像</label><br/>
                <div class="png-sub">
                    <img class="pic-set" src="images/head1.jpg" class="png-style">
                    <br/>
                    <input id="=" type="radio" value="head1.jpg" name="png" class="checkbox">
                </div>
                <div class="png-sub">
                    <img class="pic-set" src="images/head2.jpg" class="png-style">
                    <br/>
                    <input id="" type="radio" value="head2.jpg" name="png" class="checkbox">
                </div>
                <div class="png-sub">
                    <img class="pic-set" src="images/head3.jpg" class="png-style">
                    <br/>
                    <input id="" type="radio" value="head3.jpg" name="png" class="checkbox">
                </div>
                <div class="png-sub">
                    <img class="pic-set" src="images/head4.jpg" class="png-style">
                    <br/>
                    <input id="" type="radio" value="head4.jpg" name="png" class="checkbox">
                </div>
                <div class="png-sub">
                    <img class="pic-set" src="images/head5.jpg" class="png-style">
                    <br/>
                    <input id="" type="radio" value="head5.jpg" name="png" class="checkbox">
                </div>
                <div class="png-sub">
                    <img class="pic-set" src="images/head6.jpg" class="png-style">
                    <br/>
                    <input id="" type="radio" value="head6.jpg" name="png" class="checkbox">
                </div>
                <div class="png-sub">
                    <img class="pic-set" src="images/head7.jpg" class="png-style">
                    <br/>
                    <input id="" type="radio" value="head7.jpg" name="png" class="checkbox">
                </div>
                <div class="png-sub">
                    <img class="pic-set" src="images/head8.jpg" class="png-style">
                    <br/>
                    <input id="" type="radio" value="head8.jpg" name="png" class="checkbox">
                </div>

            </div>

            <button type="submit" class="ui-button ui-button--success">注册</button>
        </div>
    </form>
</div>

<script src="js/base.js"></script>
<script type="text/javascript" src="js/register.js"></script>
</body>
</html>